/*global*/
html{font-size: 1.25vw;}
@media screen and (max-width:1280px){
    html{font-size: 16px;}
    .sb_home_page{width: 80rem;}
}
@media screen and (min-width:2560px){
    .menu-main li{font-size: 24px !important;margin:0 32px !important;}
    .menu-main a{font-size: 24px !important;}
    .menu-sub-join-us a{left:560px !important;}
}

body,ul,li,h1,h2,h3,p,textarea,select,a{margin:0;padding:0; outline:none;font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"SimHei",sans-serif;}
img{margin:0;padding:0;border:none;}
table{padding: 0;margin: 0;border-collapse: collapse;}
ul,li{list-style-type: none;}
a{color:#181818;text-decoration:none;}
a:hover{color:#01419a;}



/*public*/
.content-wrap{width:60rem;margin:0 auto;padding:3rem 0;}
.gray-bg{background:#f6f6f6;}
.white-bg{background:#ffff;}
.gray-pic-bg{background:url(../../images/honor-bg.jpg) no-repeat;background-size: 100% 100%;}

.clear{clear:both;}
.padding-top-none{padding-top:0;}
.title-h1{margin-bottom:2rem;line-height:1.5rem;font-size:1.5rem;font-weight:bold;color:#333;text-align:center;}
.title-left{padding: 1.67rem 0 0.83rem 0;line-height:1.5rem;font-size: 1.5rem;font-weight:bold;color: #333;text-align:left;border-bottom: 1px solid #d6d6d6;}


.tab-h1{text-align:center;margin:0 0 2rem 0;}
.tab-h1 a{margin:0 0.8rem;padding:0.4rem;font-size:1rem;color:#181818;}
.tab-h1 .tab-h1-current{font-weight:bold;color:#01419a;border-bottom:2px solid #01419a;}
.tab-h1 a:hover{color:#01419a;border-bottom:2px solid #01419a;}

.show-more{clear: both;display: block;text-align: center;font-size:0.75rem;color:#666;}
.show-more img{width:0.75rem;height:0.75rem;margin-left:0.4rem;vertical-align: middle;}

.switch{clear: both; text-align: center;}
.switch a{display:inline-block;width:1rem;height:0.34rem;margin:0 0.34rem;background:#d5d7dc;}
.switch .switch-current , .switch a:hover{background:#00aeff;}

.deraction{position: relative;}
.deraction-left{position:absolute;left:-2.08rem;top:50%;margin-left:-2.08rem;width:1.34rem;height:2.38rem;}
.deraction-right{position:absolute;right:-2.08rem;top:50%;margin-right:-2.08rem;width:1.34rem;height:2.38rem;}

.breadcrumb{height:2rem;line-height:2rem;font-size: 0.75rem;text-align: left;border-bottom: 1px solid #efefef;}
.breadcrumb a{margin-right:0.42rem;color: #333;}
.breadcrumb a:hover{color:#01419a;}

.pages{margin-top:0.84rem;text-align:right;line-height:1.83rem;font-size: 0.75rem;}
.pages ul{float:right;}
.pages li{float:left;}
.pages a{display: block; width:1.83rem;height:1.83rem;line-height:1.83rem;margin:0 0.21rem;text-align:center;border: 1px solid #d9d9d9;}
.pages a:hover{color:#01419a;border: 1px solid #01419a;}
.pages input{width:1.83rem;height:1.8rem;line-height:1.8rem;margin:0 0.21rem;font-size: 0.75rem;text-align:center;border: 1px solid #d9d9d9;}
.pages select{width:4rem;height:1.83rem;line-height:1.83rem;margin:0 0.21rem;font-size: 0.75rem;text-align:center;cursor:pointer;border: 1px solid #d9d9d9;}
.pages .pages-current{color:#01419a;border: 1px solid #01419a;}
.pages .pages-disable , .pages .pages-disable:hover{color:#999;border: 1px solid #d9d9d9;background:#f2f2f2; cursor:default;}
.pages-total{float:left;width:auto;text-align:left;}
.pages-total span{margin:0 0.21rem;color:#01419a;font-weight:bold;}


/*header 新写法*/
.sb_home_page .header {height: 72px;background: #fff;position: relative;font-size:0;text-align: center}

.logo {display: inline-block;width:16rem ;height: 72px;vertical-align: top;text-align: left;position: absolute;left:0}
.logo img {margin: 18px 0 15px 2rem;}

.phone_container {display: inline-block;line-height: 72px;vertical-align: top;right: 2rem;position: absolute;}
.phone_container img {vertical-align: middle;margin-right:0.41rem}
.phone_container span {font-size: 0.66rem;color: #01419a;vertical-align: middle;}

.menu-main{display:inline-block;height: 72px;line-height: 72px;vertical-align: top}
.menu-main li{display: inline-block;height: 72px;line-height: 72px;padding: 0 1rem;font-size: 1rem;color: #231815;vertical-align: middle;cursor: pointer}
.menu-main a{display:inline-block;font-size: 1rem;}
.menu-main .menu-main-select , .menu-main a:hover{color: #01419a;/*background:url(../../images/menu-main-border.png) repeat-x center bottom;*/}
.menu-main .menu-main-select{border-bottom:2px solid #01419A;height:60px;font-weight: bold;box-sizing: border-box}
.menu-sub{display:none;font-size: 0;}
.menu-main li:hover .menu-sub{z-index: 10;position: absolute;top: 72px;left:0;display:block;width:100%;height:60px;line-height:60px;text-align: center;background: #f4f4f4;}
.menu-sub a{height:60px;line-height:60px;margin:0 1rem;color: #555;font-size:0.75rem}
.menu-subWidth{display:inline-block;width:13.6rem;}
.menu-sub-join-us a{position: relative;left:17.5rem}
.menu-sub-homepage a{position: relative; left: -8.25rem}


/*header  原来的写法，用postion写法，最后一个链接加入我们被挡住点击不了，二级菜单内容多时挤成一堆*/
/*.sb_home_page .header {
    height: 73px;
    background: #FFFFFF;
    display: flex;
}

.logo {
    display: inline-block;
    flex: 1;
    height: 73px;
}

.logo img {
    position: relative;
    left: 20%;
    margin: 18px 0 15px 0;
}

.tabs_container {
    display: inline-block;
    line-height: 73px;
}

.tabs_tab {
    display: inline-block;
    margin: 0 1.25vw;
    font-size: 0.94vw;
    color: #231815;
    vertical-align: middle;
    line-height: 42px;
}

.selected {
    color: #01419A;
    border-bottom: 2px solid #01419A;
    font-weight: bold;
}

.phone_container {
    display: inline-block;
    flex: 1;
    line-height: 73px;
}

.phone_container img {
    vertical-align: middle;
}

.phone_container span {
    font-size: 0.83vw;
    color: #01419A;
    vertical-align: middle;
}

.phone {
    right: 20%;
    position: relative;
    text-align: right;
}

===== header =====
.header{
    position: relative;
}
.tabs_tab:hover{
    color: #01419A;
    cursor: pointer;
}
.tabs_tab_more{
    position: absolute;
    top: 73px;
    width: calc(100% - 49vw);
    padding: 0 24.5vw 0.94vw;
    background: #F4F4F4;
    z-index: 1;
    text-align: left;
}
.tabs_tab_more a{
    display: inline-block;
    margin: 0.94vw 1.25vw 0;
    font-size: 0.94vw;
    color: #5B5B5B;
}
.tabs_tab_more a:hover, .tabs_tab_more a.current{
    color: #01419A;
}
*/

.backtotop{
    background: url("../../images/BackTop.png") no-repeat;
    background-size:100% ;
    width:50px ;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    box-sizing: border-box;cursor: pointer;
}
.backtotop:hover{
    background: url("../../images/BackTop-hover.png") no-repeat;
    background-size:100% ;
    width:50px ;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    box-sizing: border-box;cursor: pointer;
}